<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<title><spring:message code="bigcargo_create_style" /></title>
<link rel="stylesheet" href="${ctxStatic}/css/common_erp.css">
<link rel="stylesheet" href="${ctxStatic}/css/list.css">
<script src="${ctxStatic}/js/jquery-1.9.1.min.js"></script>
<script src="${ctxStatic}/dateCalendar/WdatePicker.js"></script>
<script src="${ctxStatic}/js/common.js"></script>
<script>
	$(document).ready(function() {
		// 下拉选框带搜索功能
		selectCheck();
		var windowH = window.innerHeight
		|| document.documentElement.clientHeight
		|| document.body.clientHeight
		$('.tabSm').css({
			'height' : windowH - 77,
		});
		$('.tableScrollSm').css({
			'height' : windowH - 91
		})
		$("#inputForm").find(".btn").hide();
		if (${difKbn}==1) {
			
			selectStyleCallBack('${bigcargoStyleTempID.styleID}',"","","",
					"","","","","","",
					'${bigcargoStyleTempID.styleTemp}',"",'${bigcargoStyleTempID.styleFile}',true,"","","",'${bigcargoStyleTempID.sampleRequestId}',"","");
				 checkBtnInputAll();
				$("#changeBtn").html("<spring:message code='write_style_btn' />");
				$("#changeBtn").click(function(){
					checkBtnInputOff();
				});
		} else if (${difKbn}==2){
			$("#changeBtn").attr("onclick","saveForm.save(0)");
		} else if (${difKbn}==3) {
			selectStyleCallBack('${bigcargoStyleTempID.styleID}',"","","",
					"","","","","","",
					'${bigcargoStyleTempID.styleTemp}',"",'${bigcargoStyleTempID.styleFile}',true,"","","",'${bigcargoStyleTempID.sampleRequestId}',"","");
			checkBtnInputAll();
			$("#selectStyleBtn").hide();
			$("#changeBtn").hide();
		}
		$("li .pic").removeClass("active");
	});
	
	// 查看画面个入力框制御 全画面制御
	function checkBtnInputAll() {
		$("tbody .tab-cz").removeAttr("onclick");
		$("tbody .tab-cz").html("");
		$("#selectStyleBtn").attr("disabled","disabled");
		document.getElementById("selectStyleBtn").style.color="gray";
		$(".selectBtn").attr("disabled", 'disabled');
		$(".selectBtn").css("color","gray");
		$("#inputForm").find("input").attr("disabled", 'false');
		$("#inputForm").find("select").attr("disabled", 'false');
		$("#inputForm").find("textarea").attr("disabled", 'false');
		$("#inputstyleGroup").find("input").attr("disabled",'false');
		$("#bookingDate").attr("disabled",'false');
		$("#makeCheckBox").attr("disabled",'false');
		$("#requestProofingDate").attr("disabled",'false');
		$("#sampleDelivery").attr("disabled",'false');
		$("#auxiliaryPlaneBatching").hide();
		$("#opinionRequest").hide();
		$("#uploadFile").hide();
		$("#produceAdd").hide();
		$("#operatingAdd").hide();
		
	}
	function checkBtnInputOff(){
		$("tbody .tab-cz").attr("onclick","removeFun(this)");
		$("tbody .tab-cz").html("<img src='${ctxStatic}/images/del_icon.png' class='delBtn'>");
		$("#selectStyleBtn").attr("disabled",false);
		document.getElementById("selectStyleBtn").style.color="#fff";
		$(".selectBtn").attr("disabled", false);
		$(".selectBtn").css("color","#fff");
		$("#changeBtn").html("<spring:message code='btn_ok' />");
		$("#changeBtn").attr("onclick","saveForm.save(0)");
		$("#inputForm").find("input").attr("disabled", 'true');
		$("#inputForm").find("select").removeAttr("disabled", 'true');
		$("#inputForm").find("textarea").removeAttr("disabled", 'true');
		$("#inputForm").find("input").removeAttr("disabled", 'true');
		$("#inputstyleGroup").find("input").attr("disabled",'false');
		$("#makeCheckBox").attr("disabled",'false');
		$("#sampleType").removeAttr("disabled",'true');
		$("#bookingDate").removeAttr("disabled",'true');
		$("#requestProofingDate").removeAttr("disabled",'true');
		$("#sampleDelivery").removeAttr("disabled",'true');
		$("#styleGroup").attr("disabled",'false');
		$("#auxiliaryPlaneBatching").show();
		$("#opinionRequest").show();
		$("#uploadFile").show();
		$("#produceAdd").show();
		$("#operatingAdd").show();
		var selLen = $("#changeMaterialBody").find("select").length-1;
        for (var i = 0; i<selLen;i++) {
            $("#tdTemp"+i).hide();
            $("#selectTemp"+i).show();
        }
        materialTabClick();
		onClickTd();
		callBackUpload("#uploadFileMaterial");
		callBackUpload("#uploadFileData");
		realoadFun("","materialPlacement","",1,false);
		$("#upOrCreateflg").val(0);
		$("#styleID").val(${bigcargoStyleTempID.styleID});
	}
	
	// tab页切换方法
	$(function() {
		$(".tabBox ul li").each(
			function() {
			var index = $(this).index();
			$(".tabBox ul li").eq(0).addClass("active");
			//画面初期 所有按钮变灰 
			document.getElementById("auxiliaryPlaneBatching").style.color="gray";
			document.getElementById("opinionRequest").style.color="gray";
			document.getElementById("uploadFile").style.color="gray";
			document.getElementById("produceAdd").style.color="gray";
			document.getElementById("operatingAdd").style.color="gray";
			$(this).click(function() {
				// 款式类别
				var stylcategory = $('#StyleCategorySelect').find('option:selected').val();
				if (index==2 && stylcategory == "") {
					alert('<spring:message code="select_style_opinion" />');
					return;
				}
				//点击 样品信息、款式信息 和 规格尺寸 tab页  所有按钮变灰 
				if (index==0||index==1||index==2) {
					document.getElementById("auxiliaryPlaneBatching").style.color="gray";
					document.getElementById("opinionRequest").style.color="gray";
					document.getElementById("uploadFile").style.color="gray";
					document.getElementById("produceAdd").style.color="gray";
					document.getElementById("operatingAdd").style.color="gray";
				//点击 面辅配料 tab页 对应按钮点亮 其他变灰
				}else if (index==3) {
					document.getElementById("auxiliaryPlaneBatching").style.color="#fff";
					document.getElementById("opinionRequest").style.color="gray";
					document.getElementById("uploadFile").style.color="gray";
					document.getElementById("produceAdd").style.color="gray";
					document.getElementById("operatingAdd").style.color="gray";
				//点击 意见反馈 tab页 对应按钮点亮 其他变灰
				}else if (index==4) {
					document.getElementById("auxiliaryPlaneBatching").style.color="gray";
					document.getElementById("opinionRequest").style.color="#fff";
					document.getElementById("uploadFile").style.color="gray";
					document.getElementById("produceAdd").style.color="gray";
					document.getElementById("operatingAdd").style.color="gray";
				//点击 工艺要求 tab页 对应按钮点亮 其他变灰
				}else if (index==5) {
					document.getElementById("auxiliaryPlaneBatching").style.color="gray";
					document.getElementById("opinionRequest").style.color="gray";
					document.getElementById("uploadFile").style.color="gray";
					document.getElementById("produceAdd").style.color="#fff";
					document.getElementById("operatingAdd").style.color="gray";
				//点击 资料文件 tab页 对应按钮点亮 其他变灰
				}else if (index==6) {
					document.getElementById("auxiliaryPlaneBatching").style.color="gray";
					document.getElementById("opinionRequest").style.color="gray";
					document.getElementById("uploadFile").style.color="#fff";
					document.getElementById("produceAdd").style.color="gray";
					document.getElementById("operatingAdd").style.color="gray";
				//点击 生产工序 tab页 对应按钮点亮 其他变灰
				}else if (index==7) {
					document.getElementById("auxiliaryPlaneBatching").style.color="gray";
					document.getElementById("opinionRequest").style.color="gray";
					document.getElementById("uploadFile").style.color="gray";
					document.getElementById("produceAdd").style.color="gray";
					document.getElementById("operatingAdd").style.color="#fff";
				}
				$(this).addClass("active").siblings()
						.removeClass("active");
				$(".tabBoxSm > .tabSm").eq(index).stop(true)
						.show().siblings().stop(true).hide();
				btnCheck(index);
				var tableW = $(".tabBoxSm > .tabSm").eq(index)
						.find('.tableHead').width();
				var tabodyH = $(".tabBoxSm > .tabSm").eq(index)
						.find('.tableBody').height();
				var tableScrollH = $(".tabBoxSm > .tabSm").eq(
						index).find('.tableScroll').height();
				if (tabodyH > tableScrollH) {
					$(".tabBoxSm > .tabSm").eq(index).find(
							'.tableScroll').css('width',
							tableW + 18 + 'px')
				} else {
					$(".tabBoxSm > .tabSm").eq(index).find(
							'.tableScroll').css('width',
							'inherit')
				}
			})
		})
	})
	// 按钮互相制约
	function btnCheck(index) {
		if (index == 2) {
				$("#specSize").removeAttr("disabled");
				if (!$("#auxiliaryPlaneBatching").attr("disabled")) {
					$('#auxiliaryPlaneBatching').attr("disabled", "disabled");
					document.getElementById("auxiliaryPlaneBatching").style.color="gray";
				}
				if (!$("#opinionRequest").attr("disabled")) {
					$('#opinionRequest').attr("disabled", "disabled");
				}
				if (!$("#uploadFile").attr("disabled")) {
					$('#uploadFile').attr("disabled", "disabled");
				}
				if (!$("#produceAdd").attr("disabled")) {
					$('#produceAdd').attr("disabled", "disabled");
				}
				if (!$("#operatingAdd").attr("disabled")) {
					$('#operatingAdd').attr("disabled", "disabled");
				}
		} else if (index == 3) {
			$("#auxiliaryPlaneBatching").removeAttr("disabled");
			if (!$("#specSize").attr("disabled")) {
				$('#specSize').attr("disabled", "disabled");
			}
			if (!$("#opinionRequest").attr("disabled")) {
				$('#opinionRequest').attr("disabled", "disabled");
			}
			if (!$("#uploadFile").attr("disabled")) {
				$('#uploadFile').attr("disabled", "disabled");
			}
			if (!$("#produceAdd").attr("disabled")) {
				$('#produceAdd').attr("disabled", "disabled");
			}
			if (!$("#operatingAdd").attr("disabled")) {
				$('#operatingAdd').attr("disabled", "disabled");
			}
		} else if (index == 4) {
			$("#opinionRequest").removeAttr("disabled");
			if (!$("#auxiliaryPlaneBatching").attr("disabled")) {
				$('#auxiliaryPlaneBatching').attr("disabled", "disabled");
			}
			if (!$("#specSize").attr("disabled")) {
				$('#specSize').attr("disabled", "disabled");
			}
			if (!$("#uploadFile").attr("disabled")) {
				$('#uploadFile').attr("disabled", "disabled");
			}
			if (!$("#produceAdd").attr("disabled")) {
				$('#produceAdd').attr("disabled", "disabled");
			}
			if (!$("#operatingAdd").attr("disabled")) {
				$('#operatingAdd').attr("disabled", "disabled");
			}
		} else if (index == 5) {
			$("#produceAdd").removeAttr("disabled");
			if (!$("#auxiliaryPlaneBatching").attr("disabled")) {
				$('#auxiliaryPlaneBatching').attr("disabled", "disabled");
			}
			if (!$("#specSize").attr("disabled")) {
				$('#specSize').attr("disabled", "disabled");
			}
			if (!$("#opinionRequest").attr("disabled")) {
				$('#opinionRequest').attr("disabled", "disabled");
			}
			if (!$("#uploadFile").attr("disabled")) {
				$('#uploadFile').attr("disabled", "disabled");
			}
			if (!$("#operatingAdd").attr("disabled")) {
				$('#operatingAdd').attr("disabled", "disabled");
			}
		} else if (index == 6) {
			$("#uploadFile").removeAttr("disabled");
			if (!$("#auxiliaryPlaneBatching").attr("disabled")) {
				$('#auxiliaryPlaneBatching').attr("disabled", "disabled");
			}
			if (!$("#specSize").attr("disabled")) {
				$('#specSize').attr("disabled", "disabled");
			}
			if (!$("#opinionRequest").attr("disabled")) {
				$('#opinionRequest').attr("disabled", "disabled");
			}
			if (!$("#produceAdd").attr("disabled")) {
				$('#produceAdd').attr("disabled", "disabled");
			}
			if (!$("#operatingAdd").attr("disabled")) {
				$('#operatingAdd').attr("disabled", "disabled");
			}
		} else if (index == 7) {
			$("#operatingAdd").removeAttr("disabled");
			if (!$("#auxiliaryPlaneBatching").attr("disabled")) {
				$('#auxiliaryPlaneBatching').attr("disabled", "disabled");
			}
			if (!$("#specSize").attr("disabled")) {
				$('#specSize').attr("disabled", "disabled");
			}
			if (!$("#opinionRequest").attr("disabled")) {
				$('#opinionRequest').attr("disabled", "disabled");
			}
			if (!$("#produceAdd").attr("disabled")) {
				$('#produceAdd').attr("disabled", "disabled");
			}
			if (!$("#uploadFile").attr("disabled")) {
				$('#uploadFile').attr("disabled", "disabled");
			}
		} else {
			if (!$("#auxiliaryPlaneBatching").attr("disabled")) {
				$('#auxiliaryPlaneBatching').attr("disabled", "disabled");
			}
			if (!$("#specSize").attr("disabled")) {
				$('#specSize').attr("disabled", "disabled");
			}
			if (!$("#uploadFile").attr("disabled")) {
				$('#uploadFile').attr("disabled", "disabled");
			}
			if (!$("#specSize").attr("disabled")) {
				$('#specSize').attr("disabled", "disabled");
			}
			if (!$("#produceAdd").attr("disabled")) {
				$('#produceAdd').attr("disabled", "disabled");
			}
			if (!$("#operatingAdd").attr("disabled")) {
				$('#operatingAdd').attr("disabled", "disabled");
			}
		}
	}
	
	function onClickTd() {
	    $("#tableSizeDis td").not(".none").find("td[class^='tab-']").on("click",function(){
	    	 //找到当前鼠标单击的td
	        var tdObj = $(this);
            //保存原来的文本
            var oldText = $(this).text();
			var tdId = $(tdObj)[0].id;
	        //创建一个文本框
            var inputTemp;
			if (tdId == 'fitMarks') {
                inputTemp = "<input tyle = 'text' value = '"+$(this).text()+"'  maxlength = '200'>";
			} else {
                inputTemp = "<input tyle = 'text' value = '"+$(this).text()+"'  maxlength = '6'>";
			}
	        var inputObj = $(inputTemp);
	        //去掉文本框的边框  
	        inputObj.css("border-width", 0);
	        inputObj.click(function () {
	            return false;
	        });
	        //使文本框的宽度和td的宽度相同  
	        inputObj.width(tdObj.width()-5);
	        inputObj.height(tdObj.height()-15);;
	        //去掉文本框的外边距 
	        inputObj.css("margin", 0);
	        inputObj.css("padding", 0);
	        //把文本框放到td中  
	        tdObj.html(inputObj);
	        //文本框失去焦点的时候变为文本  
	        inputObj.blur(function () {
	            var newText = $(this).val();
	            if (newText==null||newText=='') {
            		newText = '-';
				}
                $(this).parent().parent().find("." + tdId).val(newText);
	            tdObj.html(newText);
	        });
	        //全选  
	        inputObj.trigger("focus").trigger("select");
	   });
	}
	// 尺码组和款式尺码连动方法
	function styleSizeCdFun(t, id) {
		var code = $(t).find("option:selected").attr("data-value");
		var param = {
			"code" : code
		};
		var count = $("ul.select2-choices").find("li.select2-search-choice").length;
		if (count > 0) {
			var thisNode = $("ul.select2-choices").find(
					"li.select2-search-choice");
			thisNode.remove();
			$("#input" + id).html("");
		}
		$.post("${ctx}/bigcargo/style/styleSize",param,function(result) {
			var html = "";
			$.each(result,function(i, e) {
					html += "<option value='"+e.itemCode+"-"+e.itemValue+"'>"
					+ e.itemName
					+ "</option>";
				});
			$("#" + id).html(html);
			$("#sizeTable tr").not(".none").remove();
		}, 'json');
	}
	
	// 删除行
	function removeFun(obj) {
		$(obj).parent().remove();
	}
	// 面辅配料画面回调方法
	function realoadFun(tempData,seleId,trLen,flg,staticFlg) {
		
		var selLen = $("#changeMaterialBody").find(".select2-chosen").length;
		var objSeleId= $("#changeMaterialBody").find("select");
		/* $.each(objSeleId, function(i, item){
		if (i > 0) {
			if (i > (selLen-1)) {
				objSeleId[i].id=seleId+i;
				$("#"+seleId+i).select2();
				if (staticFlg) {
					$("#"+seleId+i).attr("disabled", 'false');
				}
			}
		}
		});
		if (flg==0) {
			var objSpan=$("#changeMaterialBody").find(".select2-chosen");
			$.each(objSpan, function(i, item){
				if(i > (trLen-1)) {
					objSpan[i].innerText = tempData;
				}
			});
		} */
		if (!staticFlg) {
	    //给这些单元格注册鼠标点击事件  
		    $("#changeMaterialBody").find("td[class^='tabTemp-']").click(function () {
		        //找到当前鼠标单击的td
		        var tdObj = $(this);
		        var classNameTemp = $(this)[0].id;
		        //保存原来的文本  
		        var oldText = $(this).text();
		        //创建一个文本框 
		        var inputObj = $("<input type = 'text' value='"+oldText+"' />");
				if ($(this)[0].id == "remarks") {
					inputObj = $("<textarea>"+oldText+"</textarea>");
					 //使文本框的宽度和td的宽度相同  
			        inputObj.width(tdObj.width()-5);
			        inputObj.height(tdObj.height()-5);
				} else {
					 //使文本框的宽度和td的宽度相同  
			        inputObj.width(52);
			        inputObj.height(35);
				}
		        var index = $(this).parent().index();
		        //去掉文本框的边框  
		        inputObj.css("border-width", 0);
		        inputObj.click(function () {
		            return false;
		        });
		       
		        //去掉文本框的外边距 
		        inputObj.css("margin", 0);
		        inputObj.css("padding", 0);
		        //把文本框放到td中  
		        tdObj.html(inputObj);
		        //文本框失去焦点的时候变为文本  
		        inputObj.blur(function () {
		            var newText = $(this).val();
		            $("#changeMaterialBody tr").eq(index).find("."+classNameTemp).val(newText);
		            tdObj.html(newText);
		            var materialUnitPrice = $("#changeMaterialBody tr")[index].cells[10].innerHTML;
		            var materialLoss = $("#changeMaterialBody tr")[index].cells[11].innerHTML;
		            
		            $("#changeMaterialBody tr").eq(index).find(".tab-cost").html(parseFloat(materialUnitPrice)*parseFloat(materialLoss));
		        });
		        //全选  
		        inputObj.trigger("focus").trigger("select");
		    });
		}
	}
	// 文件上传画面的回调方法
	function callBackUpload(obj) {
		 //给这些单元格注册鼠标点击事件  
	    $(obj).find(".tab-bz-2").click(function () {
	        //找到当前鼠标单击的td
	        var tdObj = $(this);
	        //保存原来的文本  
	        var oldText = $(this).text();
	        //创建一个文本框  
	        var inputObj = $("<textarea id='uploadRemarks' value='"+oldText+"'>"+oldText+"</textarea>");
	        var index = $(this).parent().index();
	        //去掉文本框的边框  
	        inputObj.css("border-width", 0);
	        inputObj.click(function () {
	            return false;
	        });
	        //使文本框的宽度和td的宽度相同  
	        inputObj.width(tdObj.width()-5);
	        inputObj.height(tdObj.height()-3);
	        //去掉文本框的外边距 
	        inputObj.css("margin", 0);
	        inputObj.css("padding", 0);
	        //把文本框放到td中  
	        tdObj.html(inputObj);
	        //文本框失去焦点的时候变为文本  
	        inputObj.blur(function () {
	            var newText = $(this).val();
	            var temp = obj+" tr";
	            $(temp).eq(index).find(".remarks").val(newText);
	            tdObj.html(newText);
	        });
	        //全选  
	        inputObj.trigger("focus").trigger("select");
	    });
	}
	// 面辅配料画面回调方法
	function selectMaterialCallBack(indexList,itemObj) {
        var trTemp;
        var tempDataCells="";
        var tbodyTemp=$("#changeMaterialBody");
		var itemLen = indexList.split(",").length;
		var hiddenTemp="";
		var count = $("#changeMaterialBody").find("select").length-1;
		   $(itemObj).each(function(j,item){
                for (var i = 0; i < itemLen; i++) {
					if (indexList.split(",")[i] == j) {

						trTemp=$("#changeMaterialBody").find(".none").clone();
						tempDataCells=$(trTemp)[0].cells;
                        tempDataCells[1].innerHTML=item.materialTypeCn;
						if (itemObj[j].fileName=="") {
                            tempDataCells[2].innerHTML="<p class='tab-mfltp'><img src='${ctxStatic}/images/pic-none.jpg'></p>";
						} else {
                            tempDataCells[2].innerHTML="<p class='tab-mfltp'><img src='"+itemObj[j].fileName+"'></p>";
						}
                        tempDataCells[3].innerHTML=item.materialNameCn+"<br>"+item.materialCode;
                        tempDataCells[4].innerHTML=item.materialgramWeight;
                        tempDataCells[5].innerHTML=item.materialComposition;
                        tempDataCells[6].innerHTML=item.materialThreadCount;
                        tempDataCells[7].innerHTML=item.materialStyleCn;
                        tempDataCells[8].innerHTML=item.materialColor;
                        tempDataCells[9].innerHTML=item.materialWeaveCn;
                        $(trTemp).find("select")[0].id = "mpt" + count;
                        tempDataCells[11].innerHTML=item.materialQuantity;
                        hiddenTemp = "<input type='hidden' class = 'materialRemarks' name='changeMaterial.cgMatList[tempIndex].cgMaterialRemarks'/>"+
                            "<input type='hidden' class = 'materialUnit' name='changeMaterial.cgMatList[tempIndex].materialLoss'/>"+
                            "<input type='hidden' name='changeMaterial.cgMatList[tempIndex].cgMaterialStageCd' value='AUDIT_PHASE_CD-PHASE_CD_20'/>"+
                            "<input type='hidden' name='changeMaterial.cgMatList[tempIndex].materialUnitPrice' value='0'/>"+
                            "<input type='hidden' name='changeMaterial.cgMatList[tempIndex].cgMaterialId' value='"+item.materialId+"'/>";
                        tempDataCells[14].innerHTML=hiddenTemp;
                        $(trTemp)[0].className="";
                        trTemp.appendTo(tbodyTemp);
                        $("#mpt"+count).select2();
                        count++;
					}
                }
            });
        materialTabClick();
	}
	function materialTabClick() {
        $("#changeMaterialBody").find("td[class^='tabwrite-']").click(function () {
            //找到当前鼠标单击的td
            var tdObj = $(this);
            //保存原来的文本
            var oldText = $(this).text();
            var idTemp= tdObj[0].id;
            var inputObj
            //创建一个文本框
            if (idTemp == "materialRemarks") {
                inputObj = $("<textarea value='"+oldText+"'>"+oldText+"</textarea>");
            } else {
                inputObj = $("<input type='text' value='"+oldText+"' onblur='formatMoney(this,3);' onfocus='unFormat(this)'/>");
            }
            var index = $(this).parent().index();
            //去掉文本框的边框
            inputObj.css("border-width", 0);
            inputObj.click(function () {
                return false;
            });
            //使文本框的宽度和td的宽度相同
            inputObj.width(tdObj.width()-4);
            inputObj.height(tdObj.height()-6);
            //去掉文本框的外边距
            inputObj.css("margin", 0);
            inputObj.css("padding", 0);
            //把文本框放到td中
            tdObj.html(inputObj);
            //文本框失去焦点的时候变为文本
            inputObj.blur(function () {
                var newText = $(this).val();
                tdObj.html(newText);
                newText = newText.replace(/,/g,"");
                $("#changeMaterialBody tr").eq(index).find("." + idTemp).val(newText);
            });
            //全选
            inputObj.trigger("focus").trigger("select");
        });
	}
	// 面料画面迁移
    function selectMhangeMaterialLis() {
        // 客户取得
        var venderId = $('#ognizationId').val();
        // 品牌ID
        var brandId = $('#brandId').val();
        var venderId;
        if (brandId == "") {
            brandId = 0;
		}
		var url = "&materialTypeCd=MATERIAL_CATEGORY-Fabric_10&venderId="+venderId+"&brandId="+brandId;
        popup('1230px','680px','${ctx}/common/material/list?frameFlg=0'+url);
    }
	// 款式参考画面和文件上传迁移方法
	function fileUpload(flg) {
		if (flg == 0) {
			popup('500px','324px','${ctx}/specimen/demand/uploadFileMaterial?uploadFlg='+$("#uploadFlg").val());
		} else {
			popup('900px','584px','${ctx}/quotation/message/createStyle?frameFlg=4');
		}
	}
    /*保存方法*/
    var saveForm={
            s:null,
            save:function(s){
                            $("#inputForm").validate({
                                submitHandler : function() {
                                	setIndex();
                                	saveFormData();
                                	$("#sizeTable").find(".none").remove();
                                	formUnFormat($("#inputForm"));
                                    var params = $("#inputForm").serialize();
                                    $.post("${ctx}/specimen/demand/saveData", params, function(result) {
                                    	tipParent(result.message);
                                    	window.parent.frames[0].searchListForm();
                                    	closeWin();
                                    }, 'json'); 
                                }
                            });
                            $("#inputForm").submit();
                           }
     }
    
 	// 画面保存
    function saveFormData() {
 		// 图片路径和名称
 		var fileList = $("#nameImage").val().split("|/");
 		var fileUrl="";
 		var len = fileList.length;
 		var pathHidden = '';
 		var fileNamePathHidden = '';
 		var ftpFileHidden = '';
 		var moduleKbnHidden = '';
 		var createUserHidden='';
 		var createDateHidden='';
 		var ftpKbnHidden='';
 		// 生成路径
 		for (var i = 0;i< len ;i++) {
 			var fileTemp = fileList[i].split("/");
 			var urlTemp = '';
 			var lenTemp = fileTemp.length-1;
 			var nameTemp=fileTemp[lenTemp];
 			if (fileList[i]!='') {
 				for (var j = 0; j<lenTemp;j++) {
 					 urlTemp += fileTemp[j]+"/";
 				}
 				 pathHidden +='<input type ="hidden" name ="uploadFileData.imageList['+i+'].filePath" value = "/'+urlTemp+'"/>';
 				 fileNamePathHidden+='<input type ="hidden" name ="uploadFileData.imageList['+i+'].uploadFileName" value = "'+nameTemp+'"/>';
 				 ftpFileHidden+='<input type ="hidden" name ="uploadFileData.imageList['+i+'].ftpFile" value = "/bigcargoStyle"/>';
 				 ftpKbnHidden+='<input type ="hidden" name ="uploadFileData.imageList['+i+'].fileKbn" value = "0"/>';
 				 moduleKbnHidden+='<input type ="hidden" name ="uploadFileData.imageList['+i+'].moduleKbn" value = "2"/>';
 				 createUserHidden+='<input type ="hidden" name ="uploadFileData.imageList['+i+'].createUser" value = "'+$("#createUser").val()+'"/>';
 				 createDateHidden+='<input type ="hidden" name ="uploadFileData.imageList['+i+'].createTime" value = "'+$("#createDate").val()+'"/>';
 			}
 		}
 		$("#fileListHidden").html(pathHidden+fileNamePathHidden+ftpFileHidden+moduleKbnHidden+createUserHidden+createDateHidden+ftpKbnHidden);
 		if ($("#makeCheckBox")[0].checked) {
 			// 款式类别ID
 			$("#sampleTypeChecked").val('1');
 		} else {
 			// 款式类别ID
 			$("#sampleTypeChecked").val('0');
 		}
     }
    //生产工艺 
    function poProcessAdd() {
    	var customerStyleNoLabel = $("#customerStyleNoLabel").html();
    	if (customerStyleNoLabel=="") {
    		tipParent("<spring:message code="customer_please_choose" />");
    		return;
		}
    	var selectCode = $('#styleCategoryCd').val();
        var selCd = selectCode.split("-");
        var category = selCd[0]+"-"+selCd[1];
        var brandId = $('#brandId').val();
        var venderId = $('#ognizationId').val();
        popup('900px','584px','${ctx}/produce/technology/add?imageFlg=fashionStyleCreate&category='+category+'&brandId='+brandId+'&venderId='+venderId);
	}
    //生产工序 
    function poOperatingAdd() {
    	var customerStyleNoLabel = $("#customerStyleNoLabel").html();
    	if (customerStyleNoLabel=="") {
    		tipParent("<spring:message code="customer_please_choose" />");
    		return;
		}
        var selectCode = $('#styleCategoryCd').val();
        var selCd = selectCode.split("-");
        var category = selCd[0]+"-"+selCd[1];
        /*var brandId = $('#brandId').val();
        var venderId = $('#ognizationId').val();
		if (venderId!="") {
            venderId = venderId.split("-")[0];
		} */
        popup('900px','584px','${ctx}/produce/procedure/form?imageFlg=specimenDemandCreate&styleCategoryCD='+category);
	}
	// 参考款式的选择BTN(主画面查看BTN)
	function selectStyleCallBack(styleId,styleNO,styleNameCN,styleTempSeason,
			styleCatgoryCN,styleCustomerName,refStyleNo,styleYear,styleColor,styleSizeGroupCn,
			styleTemp,styleCustomerNo,styleFile,disableFlg,styleRemark,styleStyleGroupCd,ognizationID,sampleRequestId,styleCatgoryCD,brandId) {
		var url = "";
		var sampleRequestId =sampleRequestId;
		if (!disableFlg) {
			 // 款式选择画面取得值
			 $("#customerStyleNo").val(styleCustomerNo);
			 $("#customerStyleNoLabel").html(styleCustomerNo);
			 $("#bigcargo_customer_name").html(styleCustomerName);
			 $("#bigcargo_style_yearAndSeason").html(styleYear+"&nbsp"+styleTempSeason);
			 $("#bigcargo_styleCategory").html(styleCatgoryCN);
			 $("#style_no").html(styleNO);
			 $("#styleNameLabel").html(styleNameCN);
			 $("#styleNameCn").html(styleNameCN);
			 $("#StyleCategorySelect").html(styleCatgoryCN);
			 $("#bigcargoCustomerSelect").html(styleCustomerName);
			 $("#refStyleNo").html(refStyleNo);
			 $("#styleYear").html(styleYear+"&nbsp"+styleTempSeason);
			 $("#styleColor").html(styleColor);
			 $("#sizeGroup").html(styleSizeGroupCn);
			 $("#size_group_two").html(styleSizeGroupCn);
			 $("#styleRemark").html(styleRemark);
			 $("#styleID").val(styleId);
			 $("#styleNO").val(styleNO);
			 $("#sizeGroupHidden").val(styleStyleGroupCd);
			 $("#ognizationId").val(ognizationID);
			 $("#brandId").val(brandId);
			 $("#sampleRequestId").attr("disabled", 'false');
			 sampleRequestId = 0;
		}
		var selectCode = styleTemp.split("-");
		url = "?styleID="+styleId+"&styleFile="+styleFile+"&popupCategoryCd="+(selectCode[1]+"_FIT_ITEM")+"&styleImageFlg=1"+"&sampleRequestId="+sampleRequestId+"&styleCateGoryCd="+styleCatgoryCD;
		 selectCheck(styleId);
		 
		 // 通过款式ID 文件ID获取画面对应的值或list
		 $.post("${ctx}/specimen/demand/selectDemandStyle"+url, "", function(result) {
			 var html = "";
			 // 款式尺码
			 var html_input = "";
			 // 款式尺码
			 var styleSizeList = result["styleSizeList"];
			 // 款式图片
			 var styleImageList = result["imageListHtml"];
			 var styleImageHidden = result["urlTemp"];
			 var sampleHidden = result["bigcargoStyle"];
			 // 规格尺寸模板
			 sizeGroup = result["sizeModeHtml"];
			 // 规格尺寸画面回显
			 //var styleSizeHtml = result["fitSizeHtml"];
			 //$("#fitProperty").html(styleSizeHtml);
			 // 面辅配料画面回显
			 var changeMaterialHtml = result["changeMaterialHtml"];
			 $("#changeMaterialBody").html(changeMaterialHtml);
             var selLen = $("#changeMaterialBody").find("select").length-1;
             for (var i = 0; i<selLen;i++) {
                 $("#mpt"+i).select2();
                 $("#selectTemp"+i).hide();
             }
			 // 意见要求画面回显
			 var feedBackHtml = result["feedBackHtml"];
			 $("#addOpinionBody").html(feedBackHtml);
			 // 样板文件画面回显
			 var uploadFileHtml = result["uploadFileHtml"];
			 $("#uploadFileMaterial").html(uploadFileHtml);
			 // 资料画面回显
			 var uploadFileDataHtml = result["uploadFileDataHtml"];
			 $("#uploadFileDataHtml").html(uploadFileDataHtml);
			 if (!disableFlg) {
				 // 对应画面调用table可编辑方法
				 callBackUpload("#uploadFileMaterial");
				 callBackUpload("#uploadFileData")
			 }
			 realoadFun("","materialPlacement","",1,disableFlg);
			 var disflg = '';
			 if (disableFlg) {
				 disflg = 'disabled="disabled"';
			 }
			 // 从DB检出的尺码list重新生成HTML
				$.each(styleSizeList,function(i, e) {
					var iThis = parseInt(i)+parseInt(1);
					html += "<option value='"+e.styleGroup+"' selected='selected'>"
					+ e.styleSizeNameCN
					+ "</option>";
					html_input +="<div class='sizeSm'><p>"+e.styleSizeNameCN+
					"</p><input name='sampleTypeDataList.styleSizeTpList["+iThis+"].sizeQuantity' value = '"+e.sizeQuantity+
					"' "+disflg+"></div>"
					});
				$("#inputstyleGroup").html(html_input);
				$("#styleGroup").html(html);
				$("#nameImagePreview").html(styleImageList);
				$("#nameImage").val(${urlTemp});
				$("#styleGroup").select2();
				if (!disableFlg) {
					onClickTd();
				}
				$("tbody .tab-cz").removeAttr("onclick");
				$("tbody .tab-cz").html("");
				//$("#nameImagePreview").find("a").remove();
	     }, 'json');
		if ($("#sampleRequestId").val()==null||$("#sampleRequestId").val()=="") {
		 $.post("${ctx}/specimen/demand/styleSizeList"+url, "", function(result) {
			 $("#styleSizeFitHtml").html($(callBackHtml(result)).find("#styleSizeFitHtml").html());
			 $("#operatingListHtml").html($(callBackHtml(result)).find("#operatingListHtml").html());
		 },"html");
			
		}
	}
	var tempIndex;
	function setIndex(){
        var reg=/tempIndex/g;
		var trOp = $("#operatingTable tr").length-1;
		var trPr = $("#productionTable tr").length-1;
		var trMa = $("#changeMaterialBody tr").length-1;
		var trFe = $("#addOpinionBody tr").length-1;
		var trFl = $("#uploadFileData tr").length-1;
		if (trOp >= 1) {
			for (var i = 0; i < trOp; i++) {
                    var tableFit = $("#operatingTable tr").eq(i+1);
					$(tableFit).html($(tableFit).html().replace(reg,i));
			}
		}
		if (trPr >= 1) {
			for (var i = 0; i < trPr; i++) {
                    var tableFit = $("#productionTable tr").eq(i+1);
					$(tableFit).html($(tableFit).html().replace(reg,i));
			}
		}
		if (trMa >= 1) {
			for (var i = 0; i < trMa; i++) {
                    var tableFit = $("#changeMaterialBody tr").eq(i+1);
					//$(tableFit).html($(tableFit).html().replace(reg,i));
					$(tableFit).find("select")[0].name = 'changeMaterial.cgMatList['+i+'].cgMaterialPlacement';
                    $(tableFit).find("td").eq(14).html( $(tableFit).find("td").eq(14).html().replace(reg,i));
			}
		}
		if (trFe >= 1) {
			for (var i = 0; i < trFe; i++) {
                    var tableFit = $("#addOpinionBody tr").eq(i+1);
					$(tableFit).html($(tableFit).html().replace(reg,i));
			}
		}
		if (trFl >= 1) {
			for (var i = 0; i < trFl; i++) {
                    var tableFit = $("#uploadFileData tr").eq(i+1);
					$(tableFit).html($(tableFit).html().replace(reg,i));
			}
		}
	}
	// 选择组件的可查询插件
	function selectCheck() {
		$("#sampleType").select2();
	}
	
	var opFlag;
	//选择人员画面 
	function selectEmployeeImage(flg) {
		opFlag = flg;
		popup('800px','520px','${ctx}/specimen/demand/selectEmployeeImage?operationFlag='+flg);
	}
	
	function setEmployeeInfo(employeeId,employeeName) {
		if (opFlag == 0) {
			$("#sampleMakeId").val(employeeId);
			$("#makeUserName").val(employeeName);
		}else{
			$("#sampleSamId").val(employeeId);
			$("#sampleUserName").val(employeeName);
		}
	}
</script>
</head>
<body>
	<div class="layerHeader clearfix">
		<p class="headerTitle" id = "titleMessage">
			<c:choose>
			    <c:when test="${difKbn == 1}">
			      <spring:message code="edit_sample_style" />
			    </c:when>
			    <c:when test="${difKbn == 2}">
			      <spring:message code="create_sample_style" />
			    </c:when>
			   <c:otherwise>  
			      <spring:message code="look_sample_style" />
			   </c:otherwise>
			  </c:choose>
		</p>
		<div class="headerButton clearfix"
			style="margin-top: 5px; margin-right: 45px;">
	       		<button name="auxiliaryPlaneBatching" id="auxiliaryPlaneBatching"
			disabled="disabled"  onclick="selectMhangeMaterialLis()">
			<spring:message code="auxiliary_plane_batching" />
			</button>
			<button name="opinionRequest" id="opinionRequest" 
				disabled="disabled" onclick="popup('800px','470px','${ctx}/bigcargo/style/addStyleComments?uploadFlg=specimenDemandCreate')">
				<spring:message code="opinion_request" />
				</button>
			<button id="produceAdd"
					disabled="disabled" onclick="poProcessAdd()">
					 <spring:message code="special_pro" />
				 </button>
			<button name="uploadFile" id="uploadFile" 
				disabled="disabled" onclick="fileUpload(0)">
				<spring:message code="upload_file" />
				</button>
				<button id="operatingAdd"
					disabled="disabled" onclick="poOperatingAdd()">
					 <spring:message code="produce_operation" />
				 </button>
			<button  id = "changeBtn">
				<spring:message code="btn_ok" />
			</button>
			<button onclick="closeWin()">
				<spring:message code="btn_cancle" />
			</button>
		</div>
	</div>
	<div class="tabBox">
		<ul class="clearfix">
			<li class="active"><spring:message code="sample_message" /></li>
			<li><spring:message code="style_message" /></li>
			<li><spring:message code="size_spec" /></li>
			<li><spring:message code="auxiliary_plane_batching" /></li>
			<li><spring:message code="opinion_request" /></li>
			<li><spring:message code="template_file" /></li>
			<li><spring:message code="material_file" /></li>
			<li><spring:message code="produce_operation" /></li>
		</ul>
	</div>
	<form id="inputForm" method="post" >
	<div id = "fileListHidden">
	</div>
	<!-- 款式ID -->
	<input type ="hidden" id ="styleID" name ="styleID" value="${bigcargoStyleTempID.styleID}"/>
	<!-- 款式No -->
	<input type ="hidden" id ="styleNO" name ="styleNo" value = "${bigcargoStyleTempID.styleNo}"/>
	<!-- 樣品需求ID -->
	<input type ="hidden" id = "sampleRequestId" name ="sampleRequestId" value = "${bigcargoStyleTempID.sampleRequestId}"/>
	<!-- 樣品需求No -->
	<input type ="hidden" id = "sampleRequestNo" name ="sampleRequestNo" value = "${bigcargoStyleTempID.sampleRequestNo}"/>
	<!-- 编辑或新建 -->
	<input type ="hidden" id = "upOrCreateflg" name ="upOrCreateflg" value="1"/>
	<!-- 尺码组 -->
	<input type ="hidden" id ="sizeGroupHidden" name ="sizeGroup" value = "${bigcargoStyleTempID.sizeGroup}"/>
	<!-- 客户ID -->
	<input type ="hidden" id ="bigcargoCustomer" name ="bigcargoCustomer" />
	<!-- 制作单耗 -->
	<input type ="hidden" id ="sampleTypeChecked" name ="sampleTypeChecked" value="${bigcargoStyleTempID.sampleTypeChecked}" />
	<!-- 款式表创建时间 -->
	<input type ="hidden" id ="createDate" name ="createDate" value="${fns:getDate('yyyy-MM-dd HH:mm')}">
	<!-- 制作单耗 -->
	<input type ="hidden" id = "createUser" name ="createUser" value="${fns:getUser()}">
	<!-- 画面间区分FLG -->
	<input type ="hidden" name ="imgFlg" value="">
	<div class="tabBoxSm">
	<!-- 样品信息 -->
		<div class="tabSm smOrderBox">
			<div class="items clearfix">
				<div class="col-33 clearfix" style="width: 100%">
					<strong style="font-size: 15px;"><spring:message
							code="style_message" /></strong> <br>
				</div>
			</div>

			<div class="items clearfix">
				<div class="col-33 clearfix haveToBox" style="width: 300px;">
					<p class="tit">
					<!-- 客户款号 -->
					<spring:message code="customer_style_no" />
					</p>
					<input style="height: 30px; width: 155px" id ="customerStyleNo" name="customerStyleNo" value="${bigcargoStyleTempID.customerStyleNo}" data-rule-required="true" data-msg-required="<spring:message code="write_customer_no"/>" readonly="readonly">
					<button onclick = "fileUpload(1);" type = "button" id = "selectStyleBtn">
							<spring:message code="style_selectOK" />
						</button>
					<p class="haveTo">*</p>
					</div>
				<div class="col-33 clearfix">
					<p class="tit_muster">
						<spring:message code="bigcargo_customer_name" />
					</p>
					<label id ="bigcargo_customer_name">${bigcargoStyleTempID.styleCustomerName}</label>
				</div>
				<div class="col-33 clearfix">
					<p class="tit_muster">
						<spring:message code="bigcargo_style_yearAndSeason" />
					</p>
					<label id="bigcargo_style_yearAndSeason">${bigcargoStyleTempID.styleYear}&nbsp${bigcargoStyleTempID.styleSeason}</label>
				</div>
			</div>
			<div class="items clearfix">
				<div class="col-33 clearfix haveToBox" style="width: 300px;">
					<p class="tit_muster">
						<spring:message code="bigcargo_styleCategory" />
					</p>
					<label id="bigcargo_styleCategory">${bigcargoStyleTempID.styleCatgoryCN}</label>
				</div>
				<div class="col-33 clearfix">
					<p class="tit_muster">
						<spring:message code="style_no" />
					</p>
					<label id="style_no">${bigcargoStyleTempID.styleNo}</label>
				</div>
				<div class="col-33 clearfix">
					<p class="tit_muster">
						<spring:message code="style_styleName" />
					</p>
					<label id="styleNameLabel">${bigcargoStyleTempID.styleNameCn}</label>
				</div>
			</div>
			<div class="items clearfix">
				<div class="col-33 clearfix" style="width: 100%">
					<strong style="font-size: 15px;"><spring:message
							code="muster_need_message" /></strong> <br>
				</div>
			</div>
			<div class="items clearfix">
				<div class="col-33 clearfix" style="width: 300px;">
					<p class="tit_muster">
						<spring:message code="size_group_two" />
					</p>
					<label id="size_group_two">${bigcargoStyleTempID.styleSizeGroupCn}</label>
				</div>
				<div class="col-33 clearfix">
					<p class="tit_muster" style="width: 60px;">
						<spring:message code="make_style_no" />
					</p>
					<input type="checkbox" name = "makeCheckBox" id = "makeCheckBox"
						style="background: rgba(244, 244, 244, 1); border: 1px currentColor; width: 20px;text-align:center;margin-top: 7px;" <c:if test="${bigcargoStyleTempID.sampleTypeChecked==1}">checked="checked"</c:if>>
					<label><spring:message code="bigcargo_set_message" /></label>
				</div>
				<div class="col-33 clearfix haveToBox">
					<p class="tit_muster">
						<!-- 样品类别 -->
						<spring:message code="muster_category" />
					</p>
					<select style="width: 205px" class="ml-5" id="sampleType"
						name="sampleType" data-rule-required="true" data-msg-required="<spring:message code="select_sampleDemand"/>">
						<option value=""><spring:message
									code="style_pleaseSelect" /></option>
						<c:forEach items="${sampleType}" var="item">
							<option value="${item.itemCode}-${item.itemValue}" <c:if test="${fn:split(bigcargoStyleTempID.sampleType, '-')[1] eq item.itemValue}">selected="selected"</c:if>>${item.itemName}</option>
						</c:forEach>
					</select>
					<p class="haveTo">*</p>
				</div>
			</div>
			<div class="items clearfix">
				<p class="tit_muster">
					<spring:message code="muster_size" />
				</p>
				<div class="sizeGroup clearfix" style="width: 850px;height: 100px;" id="inputstyleGroup" name="inputstyleGroup">
				</div>
			</div>
			<div class="items clearfix">
				<div class="col-33 clearfix haveToBox" style="width: 300px;">
					<p class="tit_muster">
						<!-- 预订料齐日期 -->
						<spring:message code="booking_date" />
					</p>
					<input type="text" onblur="CheckDate(this);" data-rule-required="true" data-msg-required="<spring:message code="select_bookingDate"/>"
								id="bookingDate" name="bookingDate" value= "<fmt:formatDate value="${bigcargoStyleTempID.bookingDate}" pattern="yyyy-MM-dd"  type="date" dateStyle="default"/>">
								<p class="haveTo">*</p>
				</div>
				<div class="col-33 clearfix haveToBox">
					<p class="tit_muster">
						<!-- 打版人员 -->
						<spring:message code="template_staff" />
					</p>
					<input type="text" id="makeUserName" value= "${bigcargoStyleTempID.sampleMakeName }" readonly="readonly" data-rule-required="true" data-msg-required="<spring:message code="select_sampleMakeUser"/>"/>
					<input type="hidden" id="sampleMakeId" name="sampleMakeId" value= "${bigcargoStyleTempID.sampleMakeId}"/>
					<button class="selectBtn" onclick = "selectEmployeeImage(0);" type = "button">
						<spring:message code="style_selectOK" />
					</button>
					<p class="haveTo">*</p>
				</div>
				<div class="col-33 clearfix haveToBox">
					<p class="tit_muster">
						<!-- 打样人员 -->
						<spring:message code="sample_staff" />
					</p>
					<input type="text" id="sampleUserName" value= "${bigcargoStyleTempID.sampleSamName }"" readonly="readonly" data-rule-required="true" data-msg-required="<spring:message code="select_sampleSamUser"/>"/>
					<input type="hidden" id="sampleSamId" name="sampleSamId" value= "${bigcargoStyleTempID.sampleSamId}"/>
					<button class="selectBtn" onclick = "selectEmployeeImage(1);" type = "button">
						<spring:message code="style_selectOK" />
					</button>
					<p class="haveTo">*</p>
				</div>
			</div>
			<div class="items clearfix">
				<div class="col-33 clearfix haveToBox" style="width: 300px;">&nbsp;</div>
				<div class="col-33 clearfix haveToBox">
					<p class="tit_muster">
						<!-- 打版完成日期 -->
						<spring:message code="request_proofing_date" />
					</p>
					<input type="text" onblur="CheckDate(this);" data-rule-required="true" data-msg-required="<spring:message code="select_requestProofingDate"/>"
								id="requestProofingDate" name="requestProofingDate" value= "<fmt:formatDate value="${bigcargoStyleTempID.requestProofingDate}" pattern="yyyy-MM-dd"  type="date" dateStyle="default"/>">
								<p class="haveTo">*</p>
				</div>
				<div class="col-33 clearfix haveToBox">
					<p class="tit_muster">
						<!-- 打样完成日期 -->
						<spring:message code="sample_delivery" />
					</p>
					<input type="text" onblur="CheckDate(this);" data-rule-required="true" data-msg-required="<spring:message code="select_sampleDelivery"/>"
								id="sampleDelivery" name="sampleDelivery" value= "<fmt:formatDate value="${bigcargoStyleTempID.sampleDelivery}" pattern="yyyy-MM-dd" type="date" dateStyle="default"/>">
								<p class="haveTo">*</p>
				</div>
			</div>
			<div class="items clearfix">
				<p class="tit_muster">
					<!-- 样品备注 -->
					<spring:message code="comments" />
				</p>
				<textarea style="width: 850px; height: 100px;" id = "sampleTypeRemark" name = "sampleTypeRemark" value= "${bigcargoStyleTempID.sampleTypeRemark}">${bigcargoStyleTempID.sampleTypeRemark}</textarea>
			</div>
		</div>
		<!-- 款式信息 -->
		<div class="tabSm styleTab1" id = "styleTable">
		<input type="hidden" name = "uploadFlg" id = "uploadFlg">
			<div class="clearfix">
				<div class="left w-350">
					<div style="height: 45px">&nbsp;</div>
					<div class="items clearfix haveToBox">
						<p class="tit">
							<!-- 客户款号 -->
							<spring:message code="customer_style_no" />
						</p>
						<label id ="customerStyleNoLabel" style="height:30px; width:280px;display:block;border:1px solid #acacac;margin-left:65px" >${bigcargoStyleTempID.customerStyleNo}</label>
						<p class="haveTo">*</p>
					</div>
					<div class="items clearfix haveToBox">
						<p class="tit">
							<!-- 款式名称  -->
							<spring:message code="style_styleName" />
						</p>
						<label id ="styleNameCn" style="height:30px; width:280px;display:block;border:1px solid #acacac;margin-left:65px">${bigcargoStyleTempID.styleNameCn}</label>
						<p class="haveTo">*</p>
					</div>
					<div class="items clearfix haveToBox">
						<p class="tit">
							<!-- 款式类别  -->
							<spring:message code="style_styleCategory" />
						</p>
						<label id ="StyleCategorySelect" style="height:30px; width:280px;display:block;border:1px solid #acacac;margin-left:65px">${bigcargoStyleTempID.styleCatgoryCN}</label>
						<input type="hidden" id="styleCategoryCd" value="${bigcargoStyleTempID.styleCateGoryCd}"/>
						<p class="haveTo">*</p>
					</div>
					<div class="items clearfix haveToBox">
						<p class="tit">
							<!-- 客   户   -->
							<spring:message code="big_cargo_customer" />
						</p>
						<label id ="bigcargoCustomerSelect" style="height:30px; width:280px;display:block;border:1px solid #acacac;margin-left:65px">${bigcargoStyleTempID.styleCustomerName}</label>
						<input type="hidden" id="ognizationId" value="${bigcargoStyleTempID.selectOgnizationId}"/>
						<input type="hidden" id="brandId" value="${bigcargoStyleTempID.brandId}"/>
						<p class="haveTo">*</p>
					</div>
					<div class="items clearfix">
						<p class="tit">
							<!-- 参考款式   -->
							<spring:message code="reference_style" />
						</p>
						<label style="height:30px; width:280px;display:block;border:1px solid #acacac;margin-left:65px" id ="refStyleNo" >${bigcargoStyleTempID.refStyleNo}</label>
					</div>
					<div class="items clearfix item-season">
						<p class="tit">
							<!-- 年份季节  -->
							<spring:message code="myMaterial_seasonAndYear" />
						</p>
						<label style="height:30px; width:280px;display:block;border:1px solid #acacac;margin-left:65px" id ="styleYear">${bigcargoStyleTempID.styleYear}</label>
					</div>
					<div class="items clearfix">
						<p class="tit">
							<!-- 款式颜色  -->
							<spring:message code="style_color" />
						</p>
						<label style="height:30px; width:280px;display:block;border:1px solid #acacac;margin-left:65px" id ="styleColor">${bigcargoStyleTempID.styleColor}</label>
					</div>
					<div class="items clearfix haveToBox">
						<p class="tit">
							<!-- 尺码组  -->
							<spring:message code="size_group" />
						</p>
						<label style="height:30px; width:280px;display:block;border:1px solid #acacac;margin-left:65px" id ="sizeGroup">${bigcargoStyleTempID.styleSizeGroupCn}</label>
						<p class="haveTo">*</p>
					</div>
					<div class="items clearfix haveToBox">
						<p class="tit">
							<!-- 款式尺码  -->
							<spring:message code="style_group" />
						</p>
						<select style="width: 280px ;border:1px solid #acacac;background-color:#f1f3f2" id="styleGroup" multiple="multiple" disabled="disabled">
						</select>
						<p class="haveTo">*</p>
					</div>
				</div>
				<div class="right w-500">
					<div class="items clearfix">
						<p class="tit">
						<!-- 款式图片 -->
							<spring:message code="bigcargo_style_stylePictures" />
						</p>
						<div class="styleImgBg clearfix" style="width: 310px; height: 300px; padding-top: 30px; margin-left: 25px; float: left;">
							<div class="squareBtn squareL" style="margin-left: -85px;margin-top:-57px">
								<img src="${ctxStatic}/images/btn_left.png">
							</div>
						       <div class="square" style="width: 330px; height: 230px; margin-top: -1px; margin-left: -30px;">
							   <input type="hidden" id="nameImage" name="myStyleFile" value="${myStyleFileTemp}" htmlEscape="false" class="input-xlarge" />
							   <sys:ckfinder input="nameImage" type="images"  uploadPath="/bigcargoStyle" selectMultiple="true" maxWidth="255" maxHeight="255" />
						       </div>
							<div class="squareBtn squareR" style="margin-top:-287px;margin-left:300px">
								<img src="${ctxStatic}/images/btn_right.png">
							</div>
						</div>
					</div>
					<div class="items clearfix">
						<p class="tit">
							<!-- 款式备注  -->
							<spring:message code="style_remark" />
						</p>
						<textarea style="height: 70px;background-color:#f1f3f2" id ="styleRemark" disabled="disabled">${bigcargoStyleTempID.styleRemark}</textarea>
					</div>
				</div>

			</div>
		</div>
		<!-- 规格尺码 --> 
			<div class="tabSm none" id="styleSizeFitHtml">
			<div class="tableArea">
				<div class="tableScroll" style="height:520px;width:650px;padding-top:0px" id ="fitProperty">
					<table cellpadding='0' id="tableSizeDis">
						<tr class="valTr">
							<td>
								<table>
									<tr>
										<th class='tabTemp-jd'><spring:message code="myStyle_fit_size" />\<spring:message code="myStyle_fit_position" /></th>
									</tr>
									<c:forEach items="${StyleOptionList}" var="items">
										<tr>
											<td class='tabTemp-xw'>${items.propertyNameCn}</td>
										</tr>
									</c:forEach>
								</table>
							</td>
							<td>
								<table class ="fitTableVal">
									<tr>
										<th style="width:70px"><spring:message code="myStyle_fit_public_errand" /></th>
									</tr>
								<c:forEach items="${styleFit}" var="items" varStatus="status">
										<c:if test='${items.styleSizeCd == "PUBLICERRAND_FITMAEKS"}'>
									<c:set value="${fn:split(items.itemCd,',')}" var="itemCdList2"/>
									<c:set value="${fn:split(items.itemValue,',')}" var="itemValueList2"/>
									<c:set value="${fn:split(items.publicErrand,',')}" var="publicErrandList"/>
									<c:forEach items="${publicErrandList}" var="publicErrand" varStatus="status">
											<tr >
												<td class='tab-xw' id = "publicErrand">${publicErrand}</td>
												<input type ='hidden' class='publicErrand' name = 'sampleTypeDataList.sampleTypeList[0].styleFit.styleFitList[0].publicErrand' value = '${publicErrand}'>
											</tr>
									</c:forEach>
									<c:forEach items="${itemCdList2}" var="itemCd" varStatus="status">
												<input type ='hidden' name = 'sampleTypeDataList.sampleTypeList[0].styleFit.styleFitList[0].itemCd' value = '${itemCd}'>
									</c:forEach>
									<c:forEach items="${itemValueList2}" var="itemValue" varStatus="status">
												<input type ='hidden' name = 'sampleTypeDataList.sampleTypeList[0].styleFit.styleFitList[0].itemValue' value = '${itemValue}'>
									</c:forEach>
									</c:if>
									</c:forEach>
									<input type ='hidden' class='styleGroup' name = 'sampleTypeDataList.sampleTypeList[0].styleGroup' value="PUBLICERRAND_FITMAEKS">
									<input type ='hidden' class='styleGroup' name = 'sampleTypeDataList.styleSizeTpList[0].styleGroup' value="PUBLICERRAND_FITMAEKS">
								</table>
							</td>
							<td>
								<table class ="fitTableVal">
									<tr>
										<th style="width:100px"><spring:message code="myStyle_fit_marks" /></th>
									</tr>
									<c:forEach items="${styleFit}" var="items" varStatus="status">
										<c:if test='${items.styleSizeCd == "PUBLICERRAND_FITMAEKS"}'>
										<c:set value="${fn:split(items.fitMarks,',')}" var="fitMarksList"/>
										<c:forEach items="${fitMarksList}" var="fitMarks" varStatus="status">
											<tr >
												<td class='tab-xw' id = "fitMarks">${fitMarks}</td>
												<input type ='hidden' class='fitMarks' name = 'sampleTypeDataList.sampleTypeList[0].styleFit.styleFitList[0].fitMarks' value = '${fitMarks}'>
											</tr>
										</c:forEach>
										</c:if>
									</c:forEach>
								</table>
							</td>
							<c:forEach items="${styleSizeList}" var="items" varStatus="status">
								<c:if test='${items.styleGroup != "PUBLICERRAND_FITMAEKS"}'>
									<td>
										<table class ="fitTableVal">
											<tr>
												<th class='tabTemp-jd' style="width:80px" >${fns:getDictName(items.styleSizeName)}</th>
											</tr>
											<c:forEach items="${styleFit}" var="itemsFit">
												<c:if test='${items.styleGroup eq itemsFit.styleSizeCd}'>
												<c:if test='${itemsFit.styleSizeCd != "PUBLICERRAND_FITMAEKS"}'>
												<c:set value="${fn:split(itemsFit.fitValue,',')}" var="fitValueList"/>
												<c:set value="${fn:split(itemsFit.itemCd,',')}" var="itemCdList"/>
												<c:set value="${fn:split(itemsFit.itemValue,',')}" var="itemValueList"/>
													<c:forEach items="${fitValueList}" var="fitValue">
															<tr >
																<td class='tab-xw' id = "fit">${fitValue}</td>
																<input type ='hidden' class='fit' name = 'sampleTypeDataList.sampleTypeList[${status.index+1}].styleFit.styleFitList[0].fitValue' value = '${fitValue}' >
															</tr>
													</c:forEach>
													<c:forEach items="${itemCdList}" var="itemCd">
																<input type ='hidden' name = 'sampleTypeDataList.sampleTypeList[${status.index+1}].styleFit.styleFitList[0].itemCd' value = '${itemCd}'>
													</c:forEach>
													<c:forEach items="${itemValueList}" var="itemValue">
																<input type ='hidden' name = 'sampleTypeDataList.sampleTypeList[${status.index+1}].styleFit.styleFitList[0].itemValue' value = '${itemValue}'>
													</c:forEach>
												</c:if></c:if>
											</c:forEach>
											<tr class='none'>
												<input type ='hidden' class='styleGroup' name = 'sampleTypeDataList.sampleTypeList[${status.index+1}].styleGroup' value = '${items.styleGroup}'>
												<input type ='hidden' class='styleGroup' name = 'sampleTypeDataList.styleSizeTpList[${status.index+1}].styleGroup' value = '${items.styleGroup}'>
											</tr>
										</table>
									</td>
								</c:if>
							</c:forEach>
						</tr>
					</table>
				</div>
			</div>
		</div>
		
		<!-- 面辅配料 -->
		<div class="tabSm none">
			<div class="tableArea" style="overflow: auto;height: 520px;">
				<div class="tableScroll tableScrollSm" >
					<table cellpadding="0" class="tableHead" style="z-index: 9999;">
						<thead>
							<tr>
								<th class="tab-cz"><spring:message code="dict_delete" /></th>
								<th class="tab-mfltp"><spring:message code="material_kbn" /></th>
								<th class="tab-mfltp"><spring:message code="myWarehouse_pic" /></th>
								<th class="tab-wlup"><spring:message
										code="myWarehouse_nameandcode" /></th>
								<th class="tab-mflkz"><spring:message
										code="myWareMaterialGramWeight" /></th>
								<th class="tab-mflcf"><spring:message
										code="myWarehouse_Materialcomposition" /></th>
								<th class="tab-mflzsmd"><spring:message
										code="myWarehouse_Materialdensity" /></th>
								<th class="tab-mflfg"><spring:message code="myWarehouse_MaterialStyle" /></th>
								<th class="tab-jjnf"><spring:message
										code="myWarehouse_MaterialColor" /></th>
								<th class="tab-mflzf"><spring:message code="myWarehouse_MaterialWeave" /></th>
								<th class="tab-mflsybw"><spring:message code="used_part" /></th>
								<th class="tab-mfldh"><spring:message code="myWarehouse_inventory_quantity" /></th>
								<th class="tab-mfldh"><spring:message code="myWarehouse_MaterialUnit" /></th>
								<th class="tab-mflbz"><spring:message code="warehouse_remark" /></th>
							</tr>
						</thead>
					</table>
					<table cellpadding="0" class="tableBody">
						<tbody id ="changeMaterialBody" name="changeMaterialBody">
						<tr class="none">
							<td class="tab-cz" onclick="removeFun(this)"><img src="${ctxStatic}/images/del_icon.png"
																			  class="delBtn"></td>
							<td class="tab-mfltp"></td>
							<td class="tab-mfltp"></td>
							<td class="tab-wlup"></td>
							<td class="tab-mflkz"></td>
							<td class="tab-mflcf"></td>
							<td class="tab-mflzsmd"></td>
							<td class="tab-mflfg"></td>
							<td class="tab-jjnf"></td>
							<td class="tab-mflzf"></td>
							<td class="tab-mflsybw">
								<select style="width: 145px ;border:1px solid #acacac" name="" multiple="multiple" size="3">
									<c:forEach items="${materialPlacement}" var="item">
										<option value="${item.itemCode}-${item.itemValue}" >${item.itemName}</option>
									</c:forEach>
								</select>
							</td>
							<td class="tab-mfldh"></td>
							<td class="tabwrite-mfldh" id = "materialUnit"></td>
							<td class="tabwrite-bz" id = "materialRemarks"></td>
							<td style="display:none;"></td>
						</tr>
						<c:forEach items="${cgMaterialList}" var="cgList" varStatus="status">
								<tr>
									<td class="tab-cz" onclick="removeFun(this)"><img src="${ctxStatic}/images/del_icon.png" class="delBtn"></td>
									<td class="tab-mfltp">${fns:getDictName(cgList.cgMaterialTypeCd)}</td>
									<td>
										<c:choose>
											<c:when test="${cgList.cgMaterialFilePath!=''&&cgList.cgMaterialFilePath!=null}">
												<p class='tab-mfltp'><img src='${cgList.cgMaterialFilePath}${cgList.cgMaterialFileName}'></p>
											</c:when>
											<c:otherwise>
												<p class='tab-mfltp'><img src="${ctxStatic}/images/pic-none.jpg"></p>
											</c:otherwise>
										</c:choose>
									</td>
									<td class="tab-wlup">${cgList.cgMaterialNameCn}<br>${cgList.cgGaterialCd}</td>
									<td class="tab-mflkz">${cgList.materialgramWeight}</td>
									<td class="tab-mflcf">${cgList.cgMaterialComposition}</td>
									<td class="tab-mflzsmd">${cgList.materialThreadCount}</td>
									<td class="tab-mflfg">${fns:getDictName(cgList.materialStyle)}</td>
									<td class="tab-jjnf">${cgList.cgMaterialColor}</td>
									<td class="tab-mflzf">${fns:getDictName(cgList.materialWeave)}</td>
									<td class="tab-mflsybw">
										<c:set value="${ fn:split(cgList.cgMaterialPlacement, ',') }" var="placementItems" />
										<div id="tdTemp${status.index}">
											<c:forEach items="${placementItems}" var="planItems">
													${fns:getDictName(planItems)}<br>
											</c:forEach>
										</div>
										<div id="selectTemp${status.index}">
											<c:set var="flag" value="true" />
											<select style="width: 145px;border:1px solid #acacac" id="mpt${status.index}" name="changeMaterial.cgMatList[tempIndex].cgMaterialPlacement" multiple="multiple" >
												<c:forEach items="${materialPlacement}" var="item">
													<c:set var="flag" value="true" />
													<c:forEach items="${placementItems}" var="prItem">
														<c:set var="itemTemp" value="${item.itemCode}-${item.itemValue}" />
														<c:if test='${prItem eq itemTemp}'>
															<option value="${item.itemCode}-${item.itemValue}" selected="selected">${item.itemName}</option>
															<c:set var="flag" value="false" />
														</c:if>
													</c:forEach>
													<c:if test="${flag}">
														<option value="${item.itemCode}-${item.itemValue}">${item.itemName}</option>
													</c:if>
												</c:forEach>

											</select>
										</div>

									</td>
									<td class="tab-mfldh">${cgList.materialQuantity}</td>
									<td class="tabwrite-mfldh" id = "materialUnit"><fmt:formatNumber value="${cgList.materialLoss}" pattern="#,##0.000#"/></td>
									<td class="tabwrite-bz" id = "materialRemarks">${cgList.cgMaterialRemarks}</td>
									<td style="display:none;">
										<input type='hidden' class = 'materialRemarks' name='changeMaterial.cgMatList[tempIndex].cgMaterialRemarks' value="${cgList.cgMaterialRemarks}"/>
										<input type='hidden' class = 'materialUnit' name='changeMaterial.cgMatList[tempIndex].materialCostUnit' value="${cgList.materialCostUnit}"/>
										<input type='hidden' name='changeMaterial.cgMatList[tempIndex].cgMaterialStageCd' value='AUDIT_PHASE_CD-PHASE_CD_10'/>
										<input type='hidden' name='changeMaterial.cgMatList[tempIndex].materialUnitPrice' value='${cgList.materialUnitPrice}'/>
										<input type='hidden' name='changeMaterial.cgMatList[tempIndex].cgMaterialId' value='${cgList.cgMaterialId}'/>
									</td>
								</tr>
						</c:forEach>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!-- 意见反馈 -->
		<div class="tabSm none">
			<div class="tableArea">
				<div class="tableScroll tableScrollSm">
					<table cellpadding="0" class="tableHead">
						<thead>
							<tr>
								<th class="tab-cz"><spring:message code="dict_delete" /></th>
								<th class="tab-wllb"><spring:message
										code="opinion_moment" /></th>
								<th class="tab-wlfujian"><spring:message
										code="opinion_add_file" /></th>
								<th class="tab-optionyj"><spring:message
										code="opinions_requirements" /></th>
								<th class="tab-cjz"><spring:message code="style_creator" /></th>
								<th class="tab-cjrq"><spring:message code="style_creatDate" /></th>
							</tr>
						</thead>
					</table>
					<table cellpadding="0" class="tableBody">
						<tbody id ="addOpinionBody" name="addOpinionBody">
							<tr class="none">
								<td class="tab-cz" onclick = "removeFun(this)"><img src="${ctxStatic}/images/del_icon.png"
									class="delBtn"></td>
								<td class="tab-wllb"></td>
								<td class="tab-wlfujian"></td>
								<td class="tab-optionyj" align="left"></td>
								<td class="tab-cjz"></td>
								<td class="tab-cjrq"></td>
								<td style="display:none;"></td>
							</tr>
						<c:forEach items="${feedBackList}" var="fbList" varStatus="status">
								<tr>
									<td class="tab-cz" onclick="removeFun(this)"><img src="${ctxStatic}/images/del_icon.png" class="delBtn"></td>
									<td class="tab-wllb"> ${fns:getDictName(fbList.phaseCd)}</td>
									<td class="tab-wlfujian">
										<c:forEach items="${fbList.uploadFileData.uploadDataList}" var="fbFile" varStatus="s_index">
											<a href="${fbFile.filePath}${fbFile.uploadFileName}" url="${fbFile.filePath}${fbFile.uploadFileName}" target='_blank'>${fbFile.uploadFileName}</a><br>
											<input type ="hidden" name="styleFeedBack.styleFeedBackList[tempIndex].uploadFileData.uploadStyleList[${s_index.index}].uploadFileName" value = "${fbFile.uploadFileName}"/>
											<input type ="hidden" name="styleFeedBack.styleFeedBackList[tempIndex].uploadFileData.uploadStyleList[${s_index.index}].filePath" value = "${fbFile.filePath}"/>
											<input type ="hidden" name="styleFeedBack.styleFeedBackList[tempIndex].uploadFileData.uploadStyleList[${s_index.index}].fileKbn" value = "2"/>
											<input type ="hidden" name="styleFeedBack.styleFeedBackList[tempIndex].uploadFileData.uploadStyleList[${s_index.index}].ftpFile" value = "/optionFile" />
											<input type ="hidden" name="styleFeedBack.styleFeedBackList[tempIndex].uploadFileData.uploadStyleList[${s_index.index}].moduleKbn" value = "2" />
										</c:forEach>
									</td>
									<td class="tab-optionyj" align="left">${fbList.feedRemarks}</td>
									<td class="tab-cjz">${user}</td>
									<td class="tab-cjrq"><fmt:formatDate value="${fbList.createTime}" pattern="yyyy-MM-dd hh:mm" type="date" dateStyle="long" /> </td>
									<td style="display:none;">
										<input name="styleFeedBack.styleFeedBackList[tempIndex].phaseCd" value="${fbList.phaseCd}" type="hidden">
										<input name="styleFeedBack.styleFeedBackList[tempIndex].createUser" value="${fbList.createUser}" type="hidden">
										<input name="styleFeedBack.styleFeedBackList[tempIndex].createTime" value='<fmt:formatDate value="${fbList.createTime}" pattern="yyyy-MM-dd hh:mm:ss" type="date" dateStyle="long" />' type="hidden">
										<input name="styleFeedBack.styleFeedBackList[tempIndex].feedRemarks" value="${fbList.feedRemarks}" type="hidden">
									</td>
								</tr>
						</c:forEach>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!-- 工艺要求 -->
		<div class="tabSm none">
			<div class="tableArea">
				<div class="tableScroll tableScrollSm">
					<table cellpadding="0" class="tableHead">
						<thead>
							<tr>
								<th class="tab-cz"><spring:message code="dict_delete" /></th>
								<th class="tab-gylb"><spring:message
										code="production_process_category" /></th>
								<th class="tab-gytp"><spring:message code="production_process_picture" /></th>
								<th class="tab-gysm"><spring:message code="production_process_illustrate" /></th>
								<th class="tab-gyry"><spring:message code="production_process_updataUser" /></th>
                                <th class="tab-gysj"><spring:message code="production_process_updataTime" /></th>
                                <th class="tab-gyry"><spring:message code="production_process_createUser" /></th>
                                <th class="tab-gysj"><spring:message code="production_process_createTime" /></th>
							</tr>
						</thead>
					</table>
					<table cellpadding="0" class="tableBody">
						<tbody id ="productionTable">
						<tr class="none">
							<td class="tab-cz"onclick = "removeFun(this)" >
								<img src="${ctxStatic}/images/del_icon.png" class="delBtn"></td>
							<td class="tab-gylb"></td>
							<td class="tab-gytp"></td>
							<td class="tab-gysm"></td>
							<td class="tab-gyry"></td>
							<td class="tab-gysj"></td>
							<td class="tab-gyry"></td>
							<td class="tab-gysj"></td>
							<td class="none" >
							</td>
						</tr>
						<c:forEach items="${productionList}" var="item" varStatus="status">
							<tr>
								<td class="tab-cz"onclick = "removeFun(this)" >
									<img src="${ctxStatic}/images/del_icon.png" class="delBtn"></td>
								<td class="tab-gylb">${fns:getDictName(item.craftType)}</td>
								<td class="tab-gytp">
									<img src="${item.fileImage}" style="width: 100px">
								</td>
								<td class="tab-gysm">${item.remarks}</td>
								<td class="tab-gyry">${item.updataUser}</td>
								<td class="tab-gysj"><fmt:formatDate pattern="yyyy-MM-dd hh:mm" value="${item.updataTime}" /></td>
								<td class="tab-gyry">${item.createUser}</td>
								<td class="tab-gysj"><fmt:formatDate pattern="yyyy-MM-dd hh:mm" value="${item.createTime}" /></td>
								<td class="none" >
									<input type="hidden"  name="productionEntity.productionList[tempIndex].craftId" value="${item.craftId}">
								</td>
							</tr>
							</c:forEach>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!-- 资料文件 -->
		<div class="tabSm none">
			<div class="tableArea">
				<div class="tableScroll tableScrollSm" style="overflow: auto;height: 30px;">
					<table cellpadding="0" class="tableHead">
						<thead>
							<tr>
								<th class="tab-cz"><spring:message code="dict_delete" /></th>
								<th class="tab-zlwjmc"><spring:message
										code="data_file_name" /></th>
								<th class="tab-bz-2"><spring:message code="common_remarks" /></th>
								<th class="tab-scsj"><spring:message code="upload_time" /></th>
								<th class="tab-cjz"><spring:message code="upload_user" /></th>
							</tr>
						</thead>
					</table>
					<table cellpadding="0" class="tableBody">
						<tbody id ="uploadFileData" name="uploadFileData">
							<tr class="none">
								<td class="tab-cz" onclick = "removeFun(this)" ><img src="${ctxStatic}/images/del_icon.png"
									class="delBtn"></td>
								<td class="tab-zlwjmc"></td>
								<td class="tab-bz-2" style = "background-color:white"></td>
								<td class="tab-scsj"></td>
								<td class="tab-cjz">${user}</td>
								<td style="display:none;"></td>
							</tr>
							<c:set var="count" value="0"/>
							<c:forEach items="${imageList}" var="igItem" varStatus="status">
								<c:if test="${igItem.fileKbn == 1}">
									<tr class="">
										<td class="tab-cz" onclick="removeFun(this)"><img src="${ctxStatic}/images/del_icon.png" class="delBtn"></td>
										<td class="tab-zlwjmc"><a href="${igItem.filePath}${igItem.uploadFileName}" url="${igItem.filePath}${igItem.uploadFileName}" target='_blank'>${igItem.uploadFileName}</a></td>
										<td class="tab-bz-2" style = "background-color:white">${igItem.fileRemarks}</td>
										<td class="tab-scsj"><fmt:formatDate value="${igItem.createDate}" pattern="yyyy-MM-dd hh:mm" type="date" dateStyle="long" /></td>
										<td class="tab-cjz">${user}</td>
										<td style="display:none;">
											<input name="uploadFileData.uploadDataList[tempIndex].uploadFileName" value="${igItem.uploadFileName}" type="hidden">
											<input name="uploadFileData.uploadDataList[tempIndex].filePath" value="${igItem.filePath}" type="hidden">
											<input class="remarks" name="uploadFileData.uploadDataList[tempIndex].fileRemarks" value="${igItem.fileRemarks}" type="hidden">
											<input name="uploadFileData.uploadDataList[tempIndex].createUser" value="${igItem.createUser}" type="hidden">
											<input name="uploadFileData.uploadDataList[tempIndex].createTime" value='<fmt:formatDate value="${igItem.createDate}" pattern="yyyy-MM-dd hh:mm:ss" type="date" dateStyle="long" />' type="hidden">
											<input name="uploadFileData.uploadDataList[tempIndex].ftpFile" value="/bigcargoStyleFile" type="hidden">
											<input name="uploadFileData.uploadDataList[tempIndex].fileKbn" value="1" type="hidden">
											<input name="uploadFileData.uploadDataList[tempIndex].moduleKbn" value="2" type="hidden">
										</td>
									</tr>
									<c:set var="count" value="${count+1}" />
								</c:if>
							</c:forEach>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!-- 生产工序 -->
		<div class="tabSm none" id="operatingListHtml">
			<div class="tableArea">
				<div class="tableScroll tableScrollSm" style="overflow: auto;height: 520px;">
					<table cellpadding="0" class="tableHead">
						<thead>
							<tr>
								<th class="tab-cz"><spring:message code="dict_delete" /></th>
								<th class="width-150px"><spring:message code="operation_number" /></th>
								<th class="width-150px"><spring:message code="process_name" /></th>
                                <th class="width-150px"><spring:message code="process_working_hours" /></th>
								<th class="width-250px"><spring:message code="dict_remarks" /></th>
								<th class="width-100px"><spring:message code="cteate_people" /></th>
								<th class="width-100px"><spring:message code="personnel_create_date" /></th>
							</tr>
						</thead>
					</table>
					<table cellpadding="0" class="tableBody">
						<tbody id ="operatingTable">
						<tr class="none">
							<td class="tab-cz"onclick = "removeFun(this)" >
								<img src="${ctxStatic}/images/del_icon.png" class="delBtn"></td>
							<td class="width-150px"></td>
							<td class="width-150px"></td>
							<td class="width-150px"></td>
							<td class="width-250px"></td>
							<td class="width-100px"></td>
							<td class="width-100px"></td>
							<td class="none" >
							</td>
						</tr>
						<c:forEach items="${operatingList}" var="item" varStatus="status">
							<tr>
								<td class="tab-cz"onclick = "removeFun(this)" >
									<img src="${ctxStatic}/images/del_icon.png" class="delBtn"></td>
								<td class="width-150px">${item.itemCd}</td>
								<td class="width-150px">${item.itemNameCn}</td>
								<td class="width-150px">${item.itemTime}</td>
								<td class="width-250px">${item.remarks}</td>
								<td class="width-100px">${item.createUser}</td>
								<td class="width-100px"><fmt:formatDate pattern="yyyy-MM-dd " value="${item.createDate}" /></td>
								<td class="none" >
									<input type="hidden"  name="produceParameter.produceParameterList[tempIndex].id" value="${item.id}">
								</td>
							</tr>
							</c:forEach>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	</form>
	<script>
		$('.squareL').on('click', function() {
            var lastCon = $('.square ol li:last-child').detach();
            $('.square ol').prepend(lastCon)
            $('.square ol li:last-child').addClass('active')
            $('.square ol li:last-child').siblings().removeClass('active')
        })

        $('.squareR').on('click', function() {
            var lastCon = $('.square ol li:first-child').detach();
            $('.square ol').append(lastCon)
            $('.square ol li:last-child').addClass('active')
            $('.square ol li:last-child').siblings().removeClass('active')
        })
	</script>
</body>
</html>
